<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<link href="{dede:global.cfg_templets_skin/}/style/common.css" rel="stylesheet" type="text/css">
<link href="{dede:global.cfg_templets_skin/}/style/qq.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery-1.7.2.min.js"></script>
</head>
<body>
{dede:include filename="head.htm"/}
<!--slider-->
<div id="slider" class="blank">
  <ul>
    <li class="on">1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <div id="slider_list">
  	{dede:arclist flag='f' row='3'}
  	<a href="[field:arcurl /]" target="_blank"><img src="[field:litpic /]" title="[field:title /]" alt="[field:title /]" /></a>
    {/dede:arclist}
  </div>
</div>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/slider.js"></script>
<!--slider end-->

<div class="wrap">
	<!--products class-->
    <div class="index_l fl">
    	<div class="tl_l">产品分类</div>
        <div class="bt_l pro blank">
        {dede:channelartlist typeid='2'}
        	<ul>
            	<a>{dede:field name='typename'/}</a>
                {dede:sql sql='SELECT * From `swd_arctype` WHERE reid=~id~ ORDER BY id LIMIT 0,50'} 
                    <li><a href="[field:typedir function='str_replace("{cmspath}","",@me)'/]">[field:typename/]</a></li>
                {/dede:sql}
            </ul>
        {/dede:channelartlist}
        </div>
<script type="text/javascript">
$(document).ready(function(){   
    var as=$("ul>a");   
    as.click(function(){   
       //这里需要找到ul中的li，然后让li显示出来   
        var aNode=$(this);   
        var lis=aNode.nextAll("li");   
        //toggle()方法，改变显示状态
        lis.toggle("slow");   
    }); 
});  
</script>
        <div class="tl_l">友情链接</div>
        <div class="bt_l link">
        <ul>
        {dede:flink type='textall' row='24'}
        	<li>[field:link /]</li>
        {/dede:flink}
        </ul>
        </div>
        
    </div>
    <!--products class end-->
    
    <!--右侧栏内容-->
	<div class="index_r fr">
      <div class="bdr blank">
    	<div class="tl_r">推荐产品</div>
        <div class="bt_r">
        	<div style="width:100%; float: left; overflow: hidden;" id='demo'>
        <div id='demo1'>
          <div class="tj">
          		{dede:arclist  flag='s' row=9}
            	<div class="tj_box">
                	<a target="_blank" href="[field:arcurl/]" title="[field:title/]"><img width="145" height="105" title="[field:title/]" alt="[field:title/]" src="[field:litpic/]"></a> 
                	<p><a target="_blank" href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></p>
                </div>
               {/dede:arclist}
             </div>
        </div>
        <div id='demo2'></div>
      </div>
        </div>
     </div><div class="cl"></div>
     <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/cptj.js"></script>
     <!--推荐产品-->
     <div class="bdr blank">
    	<div class="tl_r">热销产品</div>
        <div class="rx">
        	{dede:arclist  flag='s' row=8}
        	<div class="rx_box">
                <a target="_blank" href="[field:arcurl/]" title="[field:title/]"><img width="145" height="105" title="[field:title/]" alt="[field:title/]" src="[field:litpic/]"></a> 
                <p><a target="_blank" href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></p>
            </div>
            {/dede:arclist}
        </div>
    </div>
        <div class="cl"></div>
	<!--热销产品-->
	<div class="bdr blank">
    	<div class="tl_r">品牌分类</div>
        <div class="brand">
        	{dede:arclist typeid='47' row='50'}
        	<div class="br_box">
                <div class="br_imgal br_imgbox"><a target="_blank" href="[field:description/]"><img width="96" height="30" src="[field:litpic/]" title="[field:title/]"></a></div> 
                <p><a target="_blank" href="[field:description/]">[field:title/]</a></p>
            </div>
            {/dede:arclist}
        </div>
    </div>
	<!--品牌分类-->
     
   </div>

</div>
	<div class="cl"></div>
	 <!--wrap end-->
{dede:include filename="footer.htm"/}
</body>
</html>